<template>
    <div class="page">
      <head-top head-title="我的余额" go-back="true"></head-top>
      <section class="content_container">
        <section class="content">
          <header class="content_header">
            <span class="content_title_style">当前余额</span>
            <section class="contetn_description">
              <img src="../../images/description.png" height="24" width="24" />
              <router-link to="/balance/detail" class="content_title_style">余额说明</router-link>
            </section>
          </header>
          <p class="content_num">
            <span>0.00</span>
            <span>元</span>
          </p>
          <div class="promit_button">提现</div>
        </section>
      </section>
      <p class="deal_detail">交易明细</p>
      <div class="no_log">
        <img src="../../images/no-log.png" />
        <p>暂无明细查询</p>
      </div>
      <alert-tip v-if="showAlert" @closeTip="showAlert = false" :alertText="alertText">
      </alert-tip>
      <transition name="router-slid" mode="out-in">
        <router-view></router-view>
      </transition>
    </div>
</template>

<script>
import headTop from '../../components/header/head';
import alertTip from '../../components/common/alertTip';

export default {
  data () {
    return {
      showAlert: false,
      alertText: null
    };
  },
  mounted () {

  },
  components: {
    headTop,
    alertTip
  }
};
</script>

<style lang="scss" scoped>

</style>
